ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}
ul.imagen {
  list-style-image: url("https://www.clker.com/cliparts/R/S/Z/4/t/f/crossed-hammers-bw-100x100-md.png");
  margin-left: 250px;
}
ul.a2 {
  list-style-position: outside;
}

ul.b2 {
  list-style-position: inside;
}
ul.demo {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ol.colores {
  background: #f0b617;
  padding: 20px;
}

ul.colores2 {
  background: #9cff93;
  padding: 20px;
}

ol.colo li {
  background: #ff88cd;
  color: darkred;
  padding: 5px;
  margin-left: 35px;
}

ul.color li {
  background: #ff815b;
  color: darkblue;
  margin: 5px;
}